<template>
  <div>
    <h2>条件判断指令</h2>
    <!-- v-if 和v-else-if和v-else配合使用 -->
    <p v-if="age < 18">未成年</p>
    <p v-else-if="age > 18">成年</p>
    <p v-else-if="age >= 28">成年</p>
    <p v-else-if="age >= 48">中年</p>
    <p v-else-if="age >= 68">老年</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      age: 18,
    };
  },
};
</script>

<style>
</style>